<template>
	<view class="gongs">
		<view class="box_one" v-for="(item,index) in gong" :key="index">
			<p class="ping">{{item.text1}}</p>
			<image :src="item.img" mode=""></image>
			<view class="one">
				<p class="xiang">{{item.text2}}</p>
				<p class="jing">{{item.text3}}</p>
				<p class="dian">{{item.text4}}</p>
			</view>
		</view>
		<view class="box_one" v-for="(item,index) in gong1" :key="index">
			<p class="ping">{{item.text1}}</p>
			<image :src="item.img" mode=""></image>
			<p class="ping">{{item.title}}</p>
			<image :src="item.img2" mode=""></image>
			<p class="ping">{{item.title1}}</p>
			<image :src="item.img3" mode=""></image>
			<view class="one">
				<p class="xiang">{{item.text2}}</p>
				<p class="jing">{{item.text3}}</p>
				<p class="dian">{{item.text4}}</p>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				gong: [{
					img: "../../static/c1.jpg",
					text1: "平台营业执照",
					text2: '相关许可证信息',
					text3: '京ICP备17021295号',
					text4: '电信与信息服务业务经营许可证：京B2-20183167、京B2-20181642'
				}],
				gong1: [{
					img: "../../static/c1.jpg",
					img2:'../../static/c1.jpg',
					img3:'../../static/c1.jpg',
					title:'成品油零售经营批准证书',
					title1:'危险化学品经营许可证',
					text1: "自营营业执照",
					text2: '相关许可证信息',
					text3: '京ICP备17021295号',
					text4: '电信与信息服务业务经营许可证：京B2-20183167、京B2-20181642'
				}],
			}
		},
		methods: {

		}
	}
</script>

<style>
	.box_one {
		background-color: #fff;
		border-radius: 20rpx;
		width: 95%;
		padding: 10rpx;
		margin: 20rpx auto;
	}

	.box_one image {
		width: 100%;
	}

	.ping {
		padding: 20rpx;
		text-align: center;
	}

	.xiang {
		color: #000;
		font-size: 16px;
	}

	.one {
		width: 90%;
		margin: 0 auto;
		color: #666;
		font-size: 14px;
	}

	.one p {
		padding: 20rpx 0;
	}
</style>
